<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>查看公告</title>
    <link href="/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css" media="all">

    <script type="text/javascript" src="/js/jquery.js"></script>
    <script src="/layui/layui.js" type="text/javascript"></script>
    <script src="/js/custom/viewBulletin.js"></script>

    <style type="text/css">
        /* table 样式 */
        #bulletinContent table {
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }

        #bulletinContent table td, #bulletinContent > table th {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            padding: 3px 5px;
        }

        #bulletinContent table th {
            border-bottom: 2px solid #ccc;
            text-align: center;
        }

        /* blockquote 样式 */
        #bulletinContent blockquote {
            display: block;
            border-left: 8px solid #d0e5f2;
            padding: 5px 10px;
            margin: 10px 0;
            line-height: 1.4;
            font-size: 100%;
            background-color: #f1f1f1;
        }

        /* code 样式 */
        #bulletinContent code {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            background-color: #f1f1f1;
            border-radius: 3px;
            padding: 3px 5px;
            margin: 0 3px;
        }

        #bulletinContent pre code {
            display: block;
        }

        /* ul ol 样式 */
        #bulletinContent ul, ol {
            margin: 10px 0 10px 20px;
        }

        #bulletinContent img {
            width: auto;
            height: auto;
            max-width: 60%;
            max-height: 60%;
            align-items: center;
        }
    </style>
</head>

<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="index">首页</a></li>
        <li><a href="#">查看公告</a></li>
    </ul>
</div>

<div class="mainindex">
    <div style="display: flex; justify-content: space-around; align-items: flex-end;">
        <input id="bulletinId" type="hidden" th:value="${bulletinId}"></input>
        <span id="bulletinTitle" style="font-size:20px; font-weight:bold; color: dimgrey">公告标题</span>
    </div>

    <div class="xline"></div>

    <div id="bulletinContent" style="margin: 20px 200px;">
    </div>
</div>

</body>
</html>